$(function () {

    //进行类别框的调整
    $("#sonType").hide();
    var id=getUrlParam('id');//获取传来的商品类别Id
    if(id!=0){
        //进行高度拓展
        $("#one").removeClass("lxltext");
        $("#one").addClass("lxltextxxx");
        $("#sonType").show();

    }


    //绑定全部类型
    $.ajax({
        type: "Get",
        url: "http://cn.pn.com/api-pn/item/type/p/listAll",
        dataType: "json",
        success: function(data){
            var bindType=$("#bindType");
            if(id!=0){//不为0，说明不是点搜索框进的，是点击类别进的
                bindType.append("<a href=\"javascript:;\" class=\"item type\" id='0'>全部</a>");
                $.each(data,function (i,e) {
                    if(e.showTypeId==id){
                        var $a= "<a href=\"javascript:;\" class=\"item type  active3\" id='"+e.showTypeId+"'>"+e.typeName+"</a>";
                        bindType.append($a);
                    }else{
                        var $a= "<a href=\"javascript:;\" class=\"item type\" id='"+e.showTypeId+"'>"+e.typeName+"</a>";
                        bindType.append($a);
                    }
                });
            }else{
                //点击搜索框的情况
            }
        },
        error: function(msg){
            alert( "网络连接异常！！！");
        }
    });

    //根据父类型绑定子类型，子类型默认选中全部
    bindZiLeiBie(id);

    //多条件查询，(这里也应该考虑搜索框，也好弄，点击搜索框，传两个参数，一个输入内容，一个父级类别，默认为0)
    //              点击父级类别， 也应该考虑搜索框，也好弄，传两个参数，一个输入内容，为“”，一个父级类别，也就是获取的父级类型Id

    // 加载页面的时候
    bindMoreTiaoJian ("",102,id,0,0,"",0,0,1);

    //点击下一页，上一页
    $(".M-box2").on("click",".Page",function () {
        //获取当前页码
        var pageNo=this.id;
        //获取城市Id，这里先定死  102
        //获取搜索框内容
        var guanjianzi=$("#ssNeiRong").text();
        //给搜索框赋值
        $("#ss").val(guanjianzi);


        var sonTypeId=0;
        //获取父级类别-----------同时获取子级类别Id
        var fatherId=$("#bindType .active3").attr("id");
        if(fatherId==0){
            //如果父级类别为0，说明子类没有，这里直接设置子类为0
        }else{
            sonTypeId=$("#sonTypeBind .active3").attr("id");
        }

        //3.获取当前时间段编号
        var timeId=$("#timeNum .active3").attr("titlt");
        //4.获取排序IdorderFather
        var orderId=$("#orderFather .active1").attr("id");

        //5.判断能否选座，能1，不能0
        var isSeat=0;
        if($("#xc").is(":checked")){
            isSeat=1;
        }

        //理论上还应该获取城市Id,搜索框，父类别，子类别，演出时间段，
        //这里我为了先测试数据，就不获取那些数据，只调整页码
        bindMoreTiaoJian (guanjianzi,102,fatherId,sonTypeId,timeId,"",orderId,isSeat,pageNo);
    });


    //点击父类类别按钮---------页码统一回归为1
    $("#bindType").on("click",".type",function () {

        //获取当前父类类别Id
        var id=this.id;
        $(".type").removeClass("active3");//将点击之前选中的移除类样式
        $(this).addClass("active3");//给选中的加上类样式
        if(id==0){//表示为选择全部
            //将子类型隐藏
            $("#sonType").hide();
        }else{
            //将显示子类类型模块显示
            $("#one").removeClass("lxltext");
            $("#one").addClass("lxltextxxx");
            $("#sonType").show();
            //将子类重新绑定
            //这里需要动态绑定
            $("#sonTypeBind").html("");
            bindZiLeiBie(id);
        }
        //下面还需要 进行查询
       //获取城市编号，父级类别编号，这里为点击父类按钮，子类肯定为0,获取演出时间Id,获取排序方式Id,获取是否选择座位
        //0.获取搜索框内容
        //搜索关键字
        var guanjianzi=$("#ssNeiRong").text();

        //给搜索框赋值
        $("#ss").val(guanjianzi);


        //1.城市编号先定死
        //2.父级类别已经有了，判断父类
        //3.获取演出时间Id
        var timeId=$("#timeNum .active3").attr("titlt");
        //4.获取排序IdorderFather
        var orderId=$("#orderFather .active1").attr("id");
        //5.判断能否选座，这步明天做
        var isSeat=0;
        if($("#xc").is(":checked")){
            isSeat=1;
        }
        //最后进行条件查询
        alert(guanjianzi+" 关键字 ，"+id+" 父级类别 ，"+0+" 子类类别  "+timeId+"  时间段  ，"+orderId+"  排序方式  "+1+" 页码恢复为--1--    "+isSeat+" 作为是否可选");
        bindMoreTiaoJian (guanjianzi,102,id,0,timeId,"",orderId,isSeat,1)
    });
    //点击子类类别
    $("#sonTypeBind").on("click",".sonType",function () {

        //搜索关键字
        var guanjianzi=$("#ssNeiRong").text();

        //给搜索框赋值
        $("#ss").val(guanjianzi);

        //获取城市

        //获取父级类别
        var fatherId=$("#bindType .active3").attr("id");
        //子类编号
        var id=this.id;
        $(".sonType").removeClass("active3");//将点击之前选中的移除类样式
        $(this).addClass("active3");//给选中的加上类样式
        //获取时间段编号
        var timeId=$("#timeNum .active3").attr("titlt");
        //4.获取排序IdorderFather
        var orderId=$("#orderFather .active1").attr("id");
        //查看能否选座，
        //5.判断能否选座，能1，不能0
        var isSeat=0;
        if($("#xc").is(":checked")){
            isSeat=1;
        }
        //最后在调用查询方法
        alert(guanjianzi+" 关键字 ，"+fatherId+" 父级类别 ，"+id+" 子类类别  "+timeId+"  时间段  ，"+orderId+" 排序方式 "+1+" 页码恢复为--1-- "+isSeat+" 作为是否可选");
        bindMoreTiaoJian (guanjianzi,102,fatherId,id,timeId,"",orderId,isSeat,1)
    });

    //点击演出时间段
    $("#timeNum").on("click",".dTime",function () {
        $(".dTime").removeClass("active3");//将点击之前选中的移除类样式
        $(this).addClass("active3");//给选中的加上类样式


        var sonTypeId=0;


        //搜索关键字
        var guanjianzi=$("#ssNeiRong").text();

        //给搜索框赋值
        $("#ss").val(guanjianzi);

        //获取城市

        //获取父级类别
        var fatherId=$("#bindType .active3").attr("id");
        if(fatherId==0){
            //如果父级类别为0，说明子类没有，这里直接设置子类为0
        }else{
            sonTypeId=$("#sonTypeBind .active3").attr("id");
        }

        //获取当前时间段编号
        var timeId= $(this).attr("titlt");
        //4.获取排序IdorderFather
        var orderId=$("#orderFather .active1").attr("id");

        //5.判断能否选座，能1，不能0
        var isSeat=0;
        if($("#xc").is(":checked")){
            isSeat=1;
        }

        //接下来再查询
        alert(guanjianzi+" 关键字 ，"+fatherId+" 父级类别 ，"+sonTypeId+" 子类类别  "+timeId+"  时间段  ，"+orderId+" 排序方式 "+1+" 页码恢复为1--  "+isSeat+" 作为是否可选");
        bindMoreTiaoJian (guanjianzi,102,fatherId,sonTypeId,timeId,"",orderId,isSeat,1)
    })

    //点击排序方式
    $("#orderFather").on("click",".order",function () {
        $(".order").removeClass("active1");//将点击之前选中的移除类样式
        $(this).addClass("active1");//给选中的加上类样式

        //搜索关键字
        var guanjianzi=$("#ssNeiRong").text();

        //给搜索框赋值
        $("#ss").val(guanjianzi);


        var sonTypeId=0;

        //获取城市

        //获取父级类别
        var fatherId=$("#bindType .active3").attr("id");
        if(fatherId==0){
            //如果父级类别为0，说明子类没有，这里直接设置子类为0
        }else{
            sonTypeId=$("#sonTypeBind .active3").attr("id");
        }

        //获取当前时间段编号
        var timeId=$("#timeNum .active3").attr("titlt");
        //4.获取排序IdorderFather
        var orderId=$(this).attr("id");
        //5.判断能否选座，能1，不能0
        var isSeat=0;
        if($("#xc").is(":checked")){
            isSeat=1;
        }

        //接下来再查询
        alert(guanjianzi+" 关键字 ，"+fatherId+" 父级类别 ，"+sonTypeId+" 子类类别  "+timeId+"  时间段  ，"+orderId+" 排序方式 "+1+" 页码恢复为-1--  "+isSeat+" 作为是否可选");
        bindMoreTiaoJian (guanjianzi,102,fatherId,sonTypeId,timeId,"",orderId,isSeat,1)
    })

    //点击复选框事件
    $("#xc").on("click",function () {
        var isSeat=0;
       if($(this).is(":checked")){
           isSeat=1;
       }
        //搜索关键字
        var guanjianzi=$("#ssNeiRong").text();
        //给搜索框赋值
        $("#ss").val(guanjianzi);

        var sonTypeId=0;

        //获取城市

        //获取父级类别
        var fatherId=$("#bindType .active3").attr("id");
        if(fatherId==0){
            //如果父级类别为0，说明子类没有，这里直接设置子类为0
        }else{
            sonTypeId=$("#sonTypeBind .active3").attr("id");
        }

        //3.获取当前时间段编号
        var timeId=$("#timeNum .active3").attr("titlt");
        //4.获取排序IdorderFather
        var orderId=$("#orderFather .active1").attr("id");

        alert(guanjianzi+" 关键字 ，"+fatherId+" 父级类别 ，"+sonTypeId+" 子类类别  "+timeId+"  时间段  ，"+orderId+" 排序方式 "+1+" 页码恢复为-1--  "+isSeat+" 作为是否可选");
        bindMoreTiaoJian (guanjianzi,102,fatherId,sonTypeId,timeId,"",orderId,isSeat,1)
    })




    //点击搜索框事件
    $("#btn").click(function () {
        //获取搜索框的内容
        var gjz=$("#ss").val();

        $("#ssNeiRong").text(gjz);
        //获取当前城市，先定死
        //父级类型恢复为全部，
        $(".type").removeClass("active3");//移除父级类样式，给全部添加
        $("#0").addClass("active3");
        //子级隐藏
        $("#sonType").hide();

        //演出时间段改为全部，
        $(".dTime").removeClass("active3");//将点击之前选中的移除类样式
        $("[titlt=0]").addClass("active3");

        //排序方式恢复为综合
        $(".order").removeClass("active1");//将点击之前选中的移除类样式
        $("#orderFather #0").addClass("active1");
        //不勾选选座
        if($("#xc").is(":checked")){
            $("#xc").removeAttr("checked");

        }

        bindMoreTiaoJian (gjz,102,0,0,0,"",0,0,1);

    });

})










//多条件查询
//城市肯定有
//没有父级类型就默认为0
//没有子级类型就默认为0
//没有子级类型就默认为0
//没有勾选时间就默认dateStatus为0
//没有指定日期就默认为“”
//没有选择排序方式，就默认为0
//不勾选在线选座，就默认为0   isSeat
//pageNo加载默认为1，点击上下页码是，自动调整
function bindMoreTiaoJian (commodityName,cityId,typeId,clildTypeId,dateStatus,zhiDingDate,orderStatus,isSeat,pageNo) {
    //多条件判断
    if(commodityName==null ||commodityName==""){
        commodityName="";
    }
    if(zhiDingDate==null ||zhiDingDate==""){
        zhiDingDate="";
    }

//同时查询商品并进行分页
    $.ajax({
        type: "Post",
        url: "http://cn.pn.com/api-pn/item/dis/p/getCommodityByMoreReason",
        dataType: "json",
        data:{commodityName:commodityName,cityId:102,typeId:typeId,clildTypeId:clildTypeId,dateStatus:dateStatus,zhiDingDate:zhiDingDate,orderStatus:orderStatus,isSeat:isSeat,pageNo:pageNo},
        success: function(data){

            var pageNo=data.curPage;
            var pageCount=data.pageCount;
            var $page=$(".M-box2");
            $page.html("");
            if (pageNo > 1) {
                //显示首页,上一页
                var $firstPage = $("<input type='button' name='btn' value='首页' class='Page' id='" + 1 + "'/>");
                var $prePage = $("<input type='button' name='btn' value='上一页' class='Page' id='" + (pageNo - 1) + "'/>");
                $page.append($firstPage).append($prePage);
            }
            if (pageNo < pageCount) {
                //显示尾页,下一页
                var $nextPage = $("<input type='button' name='btn' value='下一页' class='Page' id='" + (pageNo + 1) + "'/>");
                var $lastPage = $("<input type='button' name='btn' value='尾页' class='Page' id='" + pageCount + "'/>");
                $page.append($nextPage).append($lastPage);
            }
            $page.append("[当前页码" + pageNo + "/" + pageCount + "总页数]");

            var shopPageList=$("#shopPageList");
            shopPageList.html("");
            $.each(data.rows,function (i,e) {
                $.each(e.skuList,function (i,e2) {
                    var $li="<li class=\"text3-1\">";
                    if(e2.isDis==0){
                        var $li2=  " <div class=\"zhekou\">"+
                            "<div class=\"cut\">"+e2.discount+"</div>"+
                            "<div class=\"zhe\">折</div>"+
                            "</div>"
                        $li=$li+$li2;
                    }


                    var $li3=   "<a href=\"javascript:;\"  title="+e.commodityName+">"+
                        "<img src=\"../img/4-lxl1.jpg\" class=\"text3-1-1\">"+
                        "</a>"+
                        "<div class=\"text3-1-2\">"+
                        "<a href=\"javascript:;\" class=\"title\">["+e.cityName+"]"+e.commodityName+"</a>"+
                        "<div class=\"pin\">"+
                        "<span>评分</span>"+
                        "<span class=\"pin1\">"+(e.star)*2+"</span>"+
                        "</div>"+
                        "<p class=\"stm\">"+getLocalTime(e.startTime)+" 至 "+getLocalTime(e.endTime)+"</p>"+
                        "<p class=\"stm\"><a href=\"javascript:;\">"+e.placeName+"</a></p>"+
                        "</div>"+
                        "<div class=\"text3-1-3\">"+
                        "<div class=\"text3-1-3-top\">"+
                        "<span class=\"tp1\">￥</span>"+
                        "<span class=\"tp2\">"+e.disPrice+"</span>"+
                        "<span class=\"tp3\">起</span>"+
                        "</div>"+
                        "<a href=\"javascript:;\" class=\"text3-1-3-bottom\" id='"+e.commodityId+"'>立即购买</a>"+
                        "</div>"+
                        "</li>";
                    $li=$li+$li3;
                    shopPageList.append($li);
                });
            });
        },
        error: function(msg){
            alert( "网络连接异常-进行分页-！！！");
        }
    });




}

//根据父类别动态绑定子类别
function bindZiLeiBie(fatherId) {
    $.ajax({
        type: "Post",
        url: "http://cn.pn.com/api-pn/item/type/p/listChildTypeByFatherId",
        dataType: "json",
        data:{fatherId:fatherId},
        success: function(data){
            var sonTypeBind=$("#sonTypeBind");
            sonTypeBind.append("<a href=\"javascript:;\" class=\"active3 item sonType\" id='0' >全部</a>");
            $.each(data,function (i,e) {
                var $a= "<a href=\"javascript:;\" class=\"item sonType\" id='"+e.showTypeId+"'>"+e.typeName+"</a>";
                sonTypeBind.append($a);

            });
        },
        error: function(msg){
            alert( "网络连接异常！！！");
        }
    });
}

//获取url中的commodityId参数
function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
    var r = window.location.search.substr(1).match(reg);  //匹配目标参数
    if (r != null) return unescape(r[2]); return null; //返回参数值
}


//转换时间戳为日期格式
function getLocalTime(nS) {
    //将时间戳（十三位时间搓，也就是带毫秒的时间搓）转换成时间格式
    var date = new Date(nS);
    var year = date.getFullYear();
    var month = date.getMonth()+1;
    var day = date.getDate();
    month = month < 10 ? "0"+month:month;
    day = day < 10 ? "0"+day:day;
    date = year+'-'+month+'-'+day;
    return date;
}
